.content {
          width: 1200px;
          margin: 0 auto;
        }
        .header {
          height: 161px;
          background: #0d306a;

          position: relative;
          max-width: 1920px;
          margin: 0 auto;
          overflow: hidden;
        }

        .logo {
          float: left;
          position: relative;
          padding-top: 20px;
          padding-right: 20px;
          box-sizing: border-box;
        }
        .logo a {
          display: block;
          float: right;
        }
        .logo img {
          width: 217px;
        }

        .h_con {
          float: right;
          width: 75.3846%;
          background: #fff;
          height: 161px;
        }
        .h_nav {
          max-width: 1290px;
        }

        .header .h_contact {
          margin-top: 61px;
          float: left;
          margin-left: 42px;
          padding-left: 62px;
          background: url(../image/h_tel.png) no-repeat left top;
        }
        .header .h_contact span {
          display: block;
          font-size: 16px;
          color: #333;
          line-height: 16px;
          margin-bottom: 2px;
        }
        .header .h_contact strong {
          font-size: 25px;
          color: #ffb868;
          line-height: 30px;
          display: block;
        }
        .header .menu {
          margin-top: 61px;
          height: 80px;
          float: left;
          margin-left: 38px;
        }
        .header .menu li {
          position: relative;
          float: left;
          margin-left: 7px;
        }

        .header .menu li > a:before {
          position: absolute;
          content: "";
          left: 0;
          top: 3px;
          z-index: 3;
          transition: 0.3s ease;
          -o-transition: 0.3s ease;
          width: 8px;
          height: 8px;
          background: #f0a53c;
          opacity: 0;
        }
        .header .menu li > a {
          display: block;
          font-size: 16px;
          color: #333;
          line-height: 18px;
          transition: 0.3s ease;
          -o-transition: 0.3s ease;
          padding: 0 20px;
          position: relative;
          overflow: hidden;
        }
        .header .menu li > a span {
          display: block;
          font-size: 13px;
          color: #333;
          line-height: 27px;
          transition: 0.3s ease;
          -o-transition: 0.3s ease;
        }
        .header .menu li.cur > a,
        .header .menu li:hover > a {
          color: #f0a53c;
        }
        .header .menu li.cur > a span,
        .header .menu li:hover > a span {
          color: #f0a53c;
        }
        .header .menu li.cur > a:before,
        .header .menu li:hover > a:before {
          opacity: 1;
        }
        @media screen and (max-width: 1712px) {
          .header .logo {
            width: 22%;
          }
          .header .h_con {
            width: 78%;
          }
          .header .menu {
            margin-left: 30px;
          }
          .header .menu li {
            margin-left: 0px;
          }
          .header .h_contact {
            margin-left: 20px;
          }
        }
      

        .footer {
          background: #fff;padding-top: 50px;
        }
        .f_contact {
          height: 200px;
          padding-top: 80px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
        }
        .f_contact li {
          float: left;
          width: 330px;
        }
        .f_contact li img {
          display: block;
          float: left;
          width: 47px;
          height: 47px;
          background: #dadada;
          border-radius: 50%;
          margin-right: 10px;
        }
        .f_contact li strong {
          display: block;
          font-size: 18px;
          line-height: 24px;
          color: #333;
        }
        .f_contact li span {
          display: block;
          white-space: nowrap;
          font-size: 14px;
          line-height: 22px;
          color: #333;
          margin-top: 3px;
        }
        .f_contact li:nth-child(1) {
          width: 480px;
        }
        .f_contact li:nth-child(2) {
          width: 380px;
        }
        .f_contact li:nth-child(3) span {
          font-size: 20px;
        }
        .f_con {
          background: #f2f2f3;
          padding-top: 10px;
          height: 400px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
        }
        .f_info {
          width: 398px;
          margin-top: 15px;
       
          padding-top: 1px;
          float: left;
	
		  
		  
        }
        .f_info p {
          font-size: 15px;
          line-height: 24px;
          color: #333;
        }
        .f_info p a {
          color: #333;margin-right: 10px;
        }
        .f_info p:first-child {
          margin-bottom: 14px;
        }
        .f_info p:first-child strong {
          display: block;
          font-size: 15px;
          line-height: 25px;
          color: #333;
        }
        .f_info p:first-child span {
          display: block;
          font-size: 12px;
          line-height: 20px;
          color: #333;
          font-family: arial;
          opacity: 0.5;
        }
        .f_menu {
          padding-left: 87px;
          padding-top: 200px;
          padding-right: 26px;
          position: relative;
          width: 286px;
          float: left;
          box-sizing: content-box;
        }
        .f_menu:after {
          position: absolute;
          content: "";
          
          top: 150px;
          right: 0;
        }
        .f_menu a {
          display: block;
          float: left;
          font-size: 15px;
          line-height: 32px;
          color: #333;
          width: 143px;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
        }
        .f_menu a:hover {
          color: #0d306a;
        }
        .f_qr {
          width: 305px;
          float: right;
        }
        .f_qr p {
          float: right;
          padding-top: 200px;
       
          border-radius: 5px;
          line-height: 0;
          display: block;
        }
        .f_qr img {
          width: 126px;
          height: 126px;
          background: #fff;
          border-radius: 5px;
        }
        .f_qr span {
          display: block;
		  padding-top: 200px;
          float: left;
          font-size: 15px;
		  
          line-height: 25px;
          color: #333;
          background: url(../image/qr.png) no-repeat left 11px;
          padding-top: 110px;
        }
        .clearfix:after {
          content: ".";
          height: 0;
          display: block;
          visibility: hidden;
          clear: both;
        }
      

  
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    


.f_pr {
                position: relative;
            }